<template>
  <div class="place">
    <span class="current-city"><i class="iconfont icon-dingwei1 "></i>哈尔滨</span>
    <router-link :to="{name:'changeCity'}" class="change-city">切换城市</router-link>
    <div class="near-city">
      [<a href="/">哈尔滨</a>
      <a href="/">双城</a>
      <a href="/">巴彦县</a>]
    </div>
    <div class="user-entry">
      <router-link to="/">立即注册</router-link>
      <router-link to="/">登录</router-link>
    </div> 
  </div>
</template>

<script>
export default {};
</script>

<style lang='less'>

.place{
    i{
        color:inherit;
        font-size: inherit;
    }
   div{
       display: inline-block;
   }
   a:hover{
       color: #fe8c00;
   }
   .current-city{
       color: #666;
       i{
        color: #999;
        font-size: 13px;
       }
     
   }
   .change-city{
       border: 1px solid #e5e5e5;
       border-radius: 2px;
       color: #666;
       background: #f4f4f4;
       padding: 0 2px;
       margin: 0 4px;
   }
   .near-city{
       a{
           margin: 0 4px;
       }
   }
   .user-entry{
       margin-left: 15px;
       a:nth-of-type(1){
           color: #fe8c00;
       }
       a{
           margin-left: 10px;
       }
   }
}
</style>